<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>努比亚手机-官方网站</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1702157_58yb2h2nmtg.css">
    <link rel="stylesheet" href="/css/list.css">
</head>

<body>
    <header></header>
    <div class="banner ">
        <div class="main">
            <img src="/images/img1/14.jpg" alt="">
        </div>
        <div class="banner-text">
            <h1>2W毫安时氘锋移动电源</h1>
            <p>45W闪冲 可同时为三台设备充电</p>
            <p>￥299起</p>
            <a href="">立即购买</a>
        </div>
    </div>
    <nav class="main clear ">
        <ul class="navlist navlist-1">
            <li id="allShop">全部</li>
            <li id="life">生活</li>
            <li id="shouBiao">智能穿戴</li>
            <li id="peijian">创意/配件</li>
            <li id="listen">声学</li>
        </ul>
        <ul class="navlist navlist-2">
            <li>推荐</li>
            <li>新品</li>
            <li id="sortprice">价格</li>
        </ul>
    </nav>
    <main class="main nav">
        <ul class="list-main" id="con1">
        </ul>
        <script type="text/html" id="category1">
            {{each list item}}
             <li>
                <a href="/html/detal.html?id={{item.id}}">
                    <img src="{{item.src}}" alt="">
                    <p>{{item.title}}</p>
                    <p>￥{{item.price}}</p>
                </a>
             </li>
            {{/each}}
        </script>
    </main>
    <div class="content main clear">
        <h3>为您推荐</h3>
        <ul class="list-con clear" id="con2">
        </ul>
        <script type="text/html" id="category2">
            {{each list cate}}
            <li>
                <a href="">
                    <img src="{{cate.src}}" alt="">
                    <p>{{cate.title}}</p>
                    <p>￥{{cate.price}}</p>
                 </a>
            </li>
            {{/each}}
        </script>
    </div>
    <footer></footer>

    <script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>

</html>